<!--  -->
<template>
  <div class="page-wrap login">
    Login组件
    <span @click="login">点击登录</span>
  </div>
</template>

<script>
import CONFIG from '@/config/config'
import { tools } from '@/utils/tools'
export default {
  name: 'Login',
  data() {
    return {};
  },
  //组件
  components: {},
  //在实例创建完成后被立即调用
  created: function () {
    this.unionLogin()
  },
  //计算属性  将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例。
  computed: {},
  //dom 加载完后执行
  mounted: function () {},
  //方法
  methods: {
    unionLogin(){
      let xlToken = tools.getCookie(CONFIG.COOKIE_NAME)
      if(xlToken){
        //跳转入首页
        this.$router.push(this.$route.query.back || '/').catch(() => {});
      }
    },
    login(){
     //\tools.setCookie(CONFIG.COOKIE_NAME,123456)
      this.$router.push(this.$route.query.back || '/').catch(() => {});
    },
  },
  //一个对象，键是需要观察的表达式，值是对应回调函数
  watch: {},
};
</script>


<style scoped lang="less">
  @import './login.less';
</style>
